<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta content="zh-CN" http-equiv="Content-Language" />
    <title>金芽</title>
    <meta content="mbaobao.com" name="Copyright" />
    <meta content="金芽" name="Keywords" />
    <meta content="金芽" name="Description" />
    <meta content="1GdE-bOwtaftzUH2-g1IcuNL7VYPf7t0qkI0vSpSPo0" name="google-site-verification" />
    <meta property="qc:admins" content="1041326176652172176375" />
    <script src="./src/jquery-3.1.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./src/global.css" media="all" />
</head>

<body>
    <!-- top -->
    <div class="header-box">
        <div class="wrap">
            <h1 class="logo" title="">
                     <img src="./src/img/logo.png" width="100" height="100" />
                  </h1>
            <ul class="headr-nav-box" id="headr-nav-box">
                <li class="first-name">
                    <a href="#" target="_blank">首页</a>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">关于金芽</a>
                    <ul class="nav-son">
                        <li class="second-name">
                            <a href="#" title="" target="_blank">公司简介</a>
                            <ul class="son-navlist">
                                <li>
                                    <a href="#" target="_blank">企业动态</a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">公司公告</a>
                                </li>
                            </ul>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">企业文化</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">企业荣誉</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">内部架构</a>
                            <ul class="son-navlist">
                                <li>
                                    <a href="#" target="_blank">企业动态</a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">公司公告</a>
                                </li>
                            </ul>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">发展历程</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">定制流程</a>
                        </li>
                    </ul>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">新闻</a>
                    <ul class="nav-son">
                        <li class="second-name">
                            <a href="#" target="_blank">企业动态</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">公司公告</a>
                        </li>
                    </ul>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">产品中心</a>
                    <ul class="nav-son">
                        <li class="second-name">
                            <a href="#" target="_blank">企业动态</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">公司公告</a>
                        </li>
                    </ul>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">服务</a>
                    <ul class="nav-son">
                        <li class="second-name">
                            <a href="#" target="_blank">售后服务</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">官方微信</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">防伪查询</a>
                        </li>
                    </ul>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">招聘</a>
                    <ul class="nav-son">
                        <li class="second-name">
                            <a href="#" target="_blank">招聘信息</a>
                        </li>
                        <li class="second-name">
                            <a href="#" target="_blank">员工生活</a>
                        </li>
                    </ul>
                </li>
                <li class="first-name">
                    <a href="#" target="_blank">投诉建议</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- top -->
    <div class="new-ist-box item-info-box">
        <!-- 当前位置 -->
        <div class="wrap">
            <div class="crumb-location">
                <a href="/home/" target="_black">首页 </a>
                <span class="link"> > </span>
                <span class="txt">产品中心</span>
            </div>
        </div>
        <!-- 当前位置 -->
        <!-- 单品详情 -->
        <div class="wrap item-box">
            <div class="item-nav">
                <h6 class="nav-title">
                     <img src="./src/img/item_01.jpg" width="212" height="98" />
                </h6>
                <div class="nav-list">
                    <ul>
                        <li><a href="#">移动电源<i></i></a></li>
                        <li><a href="#">数据线<i></i></a></li>
                        <li><a href="#">车充<i></i></a></li>
                        <li><a href="#">充电器<i></i></a></li>
                        <li><a href="#">耳机<i></i></a></li>
                        <li><a href="#">蓝牙音箱<i></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="item-details item-list">
                <div class="item-hot-banner">
                    <a href="#" target="_blank">
                        <img src="http://placeholder.qiniudn.com/940x410">
                    </a>
                </div>
                <div class="item-list-title">
                    热销产品
                </div>
                <div class="item-list-list">
                    <ul class="list">
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://www.skyworth.com/UploadFiles/IMG_8671.JPG"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://placeholder.qiniudn.com/295x295"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://placeholder.qiniudn.com/295x295"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://placeholder.qiniudn.com/295x295"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://placeholder.qiniudn.com/295x295"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#" target="_blank"><img src="http://placeholder.qiniudn.com/295x295"></a>
                            </div>
                            <div class="txt">
                                <a href="#" target="_blank">XXXXXXXXXXXXX</a>
                            </div>
                        </li>
                    </ul>
                    <!-- 分页 -->
                    <div class="wrap page-box">
                        <div class="pages">
                            <ul class="pagination">
                                <!--   <li class="pagination-disabled pagination-prev"><a href="#">上一页</a></li> -->
                                <li class="pagination-item pagination-item-1 pagination-item-active"><a href="#">1</a></li>
                                <li class="pagination-item pagination-item-2"><a href="#">2</a></li>
                                <li class="pagination-item pagination-item-3"><a href="#">3</a></li>
                                <li class="pagination-item pagination-item-4"><a href="#">4</a></li>
                                <li class="pagination-item pagination-item-5"><a href="#">5</a></li>
                                <li class="pagination-next"><a href="#"><span class="square"></span><span class="square1"></span></a></li>
                                <div class="pagination-options">
                                    <div class="pagination-options-quick-jumper">
                                        <input type="text" value="1">
                                        <span class="pagination-options-go">跳转</span>
                                    </div>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 单品详情 -->
    </div>
</body>

</html>